<div class="">
    <div class="" style="margin-bottom: 0.2rem;background: #f6f6f6">
        <carousel class="" interval="myInterval" no-wrap="noWrapSlides" no-pause>
            <slide ng-repeat="slide in bannerImg" active="active" style=" height:4.8rem">
                <div class="popClass"></div>
                <img ng-src="{{slide.img}}" style="margin:auto; height:4.8rem;width: 100%">
                <div class="carousel-caption" id="carousel-caption" style="position: absolute;left: 0;text-align: left;text-shadow: none;padding-left: 0.2rem;z-index:20;">
                    <div style="background: #000"></div>
                            <!--普通类型-->
                            <span ng-if="columnStyle!=221&&columnStyle!=225&&columnStyle!=203">
                                <!--组图-->
                                <span class="arousel-caption-title" ng-if="slide.articleType==1" ng-click="jump('/detailPicture/'+slide.fileId)" style="z-index: 100" class="carouseTitle">{{slide.title}}</span>
                                <!--直播-->
                                <span class="caroDesc_title" ng-if="slide.articleType==6" ng-click="jump('/liveDetail/'+slide.linkID)" style="z-index: 100" class="carouseTitle">{{slide.title}}</span>
                                <!--视频-->
                                <span class="caroDesc_title" ng-if="slide.articleType==2" ng-click="jump('/detailVedio/'+slide.fileId)" style="z-index: 100" class="carouseTitle">{{slide.title}}</span>
                                <!--专题-->
                                <span class="arousel-caption-title" ng-if="slide.articleType==3" ng-click="jump('/speci/'+slide.fileId+'/'+slide.linkID)"style="z-index: 100" class="carouseTitle">{{slide.title}}</span>
                                <!--h5稿件-->
                                <span class="arousel-caption-title" ng-if="slide.articleType==12" ng-click="h5Jump(slide.url)" style="z-index: 100" class="carouseTitle">{{slide.title}}</span>

                                <span class="caroDesc_title" ng-if="slide.articleType!=1&&slide.articleType!=6&&slide.articleType!=2&&slide.articleType!=12&&slide.articleType!=3" ng-click="jump('/detail/'+slide.fileId)" style="z-index: 100" class="carouseTitle">{{slide.title}}</span>
                            </span>
                            <!--其他类型-->
                            <span class="caroDesc_title" ng-if="columnStyle==221" ng-click="jump('/detailAct/'+slide.fileId)" style="z-index: 100" class="carouseTitle">{{slide.title}}</span>
                            <span class="caroDesc_title" ng-if="columnStyle==203" ng-click="jump('/detailVedio/'+slide.fileId)" style="z-index: 100" class="carouseTitle">{{slide.title}}</span>
                            <span class="caroDesc_title" ng-if="columnStyle==225" ng-click="jump('/liveDetail/'+slide.linkID)" style="z-index: 100" class="carouseTitle">{{slide.title}}</span>
                            <p class="caroDesc">{{slide.attAbstract}}</p>
                    <!--<p><span class="bannerFootBage"  style="z-index: 100">{{$index+1}}</span>/{{bannerImg.length}}</p>-->
                </div>
            </slide>
        </carousel>
    </div>
</div>

<style>
    .caroDesc{
        font-size: 0.14rem;
        color: #cccccc;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient: vertical;
    }
    .caroDesc_title{
        margin-bottom: 3px;
        font-size: 0.24rem;
        color: #ffffff;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient: vertical;
    }
    .carou{
        width: 100%;
        background: #F4F4F4;
        overflow: hidden;
        height: 380px;
    }
    .carou-asid,.carou-image{
        height: 3.8rem;
    }
    /*之前*/
    .carou-asid>div{
        border:1px solid #eee;
        background: #D4D4D4;
        height: 1.85rem;
    }
    .swiper-banner{
        height: 3.8rem;
    }
    .swiper-banner .swiper-slide{
        height: 335px;
    }
    .swiper-banner .swiper-slide img{
        height: 335px;
    }
    .carou-ad{
        margin-bottom: 10px;
    }
    .carousel-caption span{
        cursor: pointer;
    }
    .carousel-caption span:hover{
        color: red;
    }
</style>
<script type="text/javascript"  src="trd/swipe/swiper.min.js"></script>
<script type="text/javascript">

    //首页新闻头条
    var Swiper = new Swiper('.swiper-banner', {
        speed:2000,
        loop:true,
        autoplay: true,
        observer: true,
        observeParents: true,
        pagination : '.swiper-pagination-banner',
        paginationClickable :true,
        prevButton:'.swiper-button-prev',
        nextButton:'.swiper-button-next',
    });

</script>
